import 'package:flutter/material.dart';
import '../sleek/logic.dart';
import 'logic.dart';
import 'package:sleek_circular_slider/sleek_circular_slider.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';
class SleekPage extends StatelessWidget {
  final logic = Get.put(SleekLogic());
  final state = Get.find<SleekLogic>().state;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          SizedBox(height: 20.w,),
          SleekCircularSlider(
              appearance: const CircularSliderAppearance(),
              onChange: (double value) {
                print(value);
              }),
          SleekCircularSlider(
            min: 0,
            max: 1000,
            initialValue: 426,
            onChange: (double value) {
              // callback providing a value while its being changed (with a pan gesture)
            },
            onChangeStart: (double startValue) {
              // callback providing a starting value (when a pan gesture starts)
            },
            onChangeEnd: (double endValue) {
              // ucallback providing an ending value (when a pan gesture ends)
            },
            innerWidget: (double value) {
              return Text("xxx");
              // use your custom widget inside the slider (gets a slider value from the callback)
            },
          ),
          SleekCircularSlider(
            appearance: CircularSliderAppearance(
                customWidths: CustomSliderWidths(progressBarWidth: 10)),
            min: 10,
            max: 28,
            initialValue: 14,
          ),
          SleekCircularSlider(
              appearance: CircularSliderAppearance(
                spinnerMode: true,
              ))
        ],
      ),
    );
  }
}
